<template>
    <div class="app-container">
        <el-row>
            <el-col :span="9">
                <RoleManager @RowClick="handleLeftRowClick"/>
            </el-col>
            <el-col :span="15">
                <RoleUserList :id="rightId"/>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import RoleManager from './RoleManager.vue'
import RoleUserList from './RoleUserList.vue'

export default {
    data(){
        return {
            rightId:0,
        }
    },
    components:{
        RoleManager,
        RoleUserList
    },
    methods:{
        handleLeftRowClick(row) {
            this.rightId = row.id;
        }
    }
}
</script>
